<template>
  <div>
    <search
      placeholderInfo="输入关键字查找相关需求"
      title="一站式AI算法及产品化平台"
    ></search>
    <div class="main">
      <tag-wrapper>
        <tagItem
          v-for="item in itemList"
          :key="item.tagTitle"
          :item="item"
        ></tagItem>
      </tag-wrapper>
      <info-wrapper allUrl="/api/request/listAllRequest" detailUrl="/api/request/listRequestById" :infoNavList="this.infoNavList"></info-wrapper>
    </div>
  </div>
</template>

<script>
import InfoWrapper from '../components/info-wrapper.vue';
import search from "../components/search.vue";
import tagWrapper from "../components/tag-wrapper.vue";
import tagItem from "../components/tagItem.vue";
export default {
  name: "demand",
  components: {
    search,
    tagWrapper,
    tagItem,
    InfoWrapper,
  },
  data() {
    return {
      itemList: [
        {
          tagTitle: "硬件",
          tagList: ["算法", "硬件"],
        },
        {
          tagTitle: "模型",
          tagList: ["企业", "个人"],
        },
        {
          tagTitle: "场景",
          tagList: ["已完成", "未完成"],
        },
        {
          tagTitle: "店铺",
          tagList: ["全国", "北京市", "天津市", "广东市"],
        },
      ],
      infoNavList: ["发布时间", "投标人数", "浏览人数"],
    };
  },
};
</script>

<style>
.main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background: #f9f9f9;
}
</style>